<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
		<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Arvo:700" rel="stylesheet" type="text/css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.dropotron.js"></script>
		<script src="js/config.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-panels.min.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
	</head>
	<body class="homepage">
	<!-- Header Wrapper -->
			<div id="header-wrapper">
						
				<!-- Header -->
					<div id="header" class="container">
						
						<!-- Logo -->
							<h1 id="logo"><a href="#">next blue future area</a></h1>
							
						
						<!-- Nav -->
							<nav id="nav">
								<ul>
									<li><a class="icon icon-home" href="index.html"><span>Introduction</span></a></li>
									<li>
										<a href="" class="icon icon-bar-chart"><span>Dropdown</span></a>
										<ul>
											<li><a href="#">Lorem ipsum dolor</a></li>
											<li><a href="#">Magna phasellus</a></li>
											<li><a href="#">Etiam dolore nisl</a></li>
											<li>
												<a href="">Phasellus consequat</a>
												<ul>
													<li><a href="#">Magna phasellus</a></li>
													<li><a href="#">Etiam dolore nisl</a></li>
													<li><a href="#">Phasellus consequat</a></li>
												</ul>
											</li>
											<li><a href="#">Veroeros feugiat</a></li>
										</ul>
									</li>
									<li><a class="icon icon-cog" href="left-sidebar.html"><span>Left Sidebar</span></a></li>
									<li><a class="icon icon-retweet" href="right-sidebar.html"><span>Right Sidebar</span></a></li>
									<li><a class="icon icon-sitemap" href="no-sidebar.html"><span>No Sidebar</span></a></li>
								</ul>
							</nav>

					</div>

			</div>
			<!-- Banner Wrapper -->
			<div id="banner-wrapper">
				<div class="inner">

					<!-- Banner -->
						<section id="banner" class="container">
							<p>Use this space for <strong>profound thoughts</strong>.<br />
							Or an enormous ad. Whatever.</p>
						</section>

				</div>
			</div>
			<!-- Main Wrapper -->
				<div id="main-wrapper">
					
					
					<hr color="green">
					<!--<img src="img/555.jpg"  width="1000" height="1000"/>-->
					<audio controls="controls" hidden="hidden" autoplay="autoplay" >
						
						
						<source src="video/蜜雪薇琪 - 爱能不能不变.mp3" type="audio/mp3"></source>
					</audio>
					<video width="320" height="300" controls="controls">
						
						<source src="video/2012年度聚美优品全新励志大片 聚美优品广告 陈欧 我为自己代言_高清.mp4" type="audio/mp4"></source>
						
					</video>
				</div>
				
				
			<!-- Footer Wrapper -->
			<div id="footer-wrapper">

				<!-- Footer -->
					<div id="footer" class="container">
						<header>
							<h2>Questions or comments? <strong>Get in touch:</strong></h2>
						</header>
						<div class="row">
							<div class="6u">
								<section>
									<form method="post" action="#">
										<div class="row half">
											<div class="6u">
												<input name="name" placeholder="Name" type="text" class="text" />
											</div>
											<div class="6u">
												<input name="email" placeholder="Email" type="text" class="text" />
											</div>
										</div>
										<div class="row half">
											<div class="12u">
												<textarea name="message" placeholder="Message"></textarea>
											</div>
										</div>
										<div class="row half">
											<div class="12u">
												<a href="#" class="button button-icon icon icon-envelope">Send Message</a>
											</div>
										</div>
									</form>
								</section>
							</div>
							<div class="6u">
								<section>
									<p>Erat lorem ipsum veroeros consequat magna tempus lorem ipsum consequat Phaselamet 
									mollis tortor congue. Sed quis mauris sit amet magna accumsan tristique. Curabitur 
									leo nibh, rutrum eu malesuada.</p>
									<div class="row">
										<ul class="icons 6u">
											<li class="icon icon-home">
												1234 Somewhere Road<br />
												Nashville, TN 00000<br />
												USA
											</li>
											<li class="icon icon-phone">
												(000) 000-0000
											</li>
											<li class="icon icon-envelope">
												<a href="#">info@untitled.tld</a>
											</li>
										</ul>
										<ul class="icons 6u">
											<li class="icon icon-twitter">
												<a href="http://twitter.com/n33co">@untitled-tld</a>
											</li>
											<li class="icon icon-dribbble">
												<a href="http://dribbble.com/n33">dribbble.com/untitled-tld</a>
											</li>
											<li class="icon icon-facebook">
												<a href="#">facebook.com/untitled-tld</a>
											</li>
											<li class="icon icon-google-plus">
												<a href="#">google.com/+untitled-tld</a>
											</li>
										</ul>
									</div>
								</section>
							</div>
						</div>
					</div>

				<!-- Copyright -->
					<div id="copyright" class="container">
						<ul class="links">
							<li>&copy; made in 2017 0801</li>
							
							<li>Design: <a href="http://html5up.net/">next blue future </a></li>
						</ul>
					</div>

			</div>
		
	</body>
	<script>
		
		$(function(){
			
			
			
			show()
		})
		function show(){
			
			//alert("helloword");
			
		}
	</script>
</html>
